
<div class="left-sidebar">
<!--     Sidebar scroll-->
    <div id="scrollSidebar" class="scroll-sidebar">
<!--         Sidebar navigation-->
        <nav class="sidebar-nav">
            <ul id="sidebar-menu">
                <li class="nav-devider"></li>
                <li id="menu"> <a href="${ROOT}/" aria-expanded="false"><i class="fa fa-home"></i><span
                            class="hide-menu">首页</span></a></li>
                <li id="menu1" class="<#if menu?? && menu=='team'> active</#if>"> <a class="has-arrow  " href="#"
                        aria-expanded="false"><i class="fa fa-sitemap"></i><span class="hide-menu">劳动组织预警管理</span></a>
                    <ul aria-expanded="false" class="collapse">
                        <li class="<#if menu?? && menu=='team'> active</#if>"><a href="${ROOT}/o/team">专业部门及班组缺冗员预警</a>
                        </li>
                    </ul>
                </li>
                <li id="menu2" class="<#if menu?? &&(menu=='uprof'||menu=='uspec'||menu=='upivotal')> active</#if>"> <a
                        class="has-arrow  " href="#" aria-expanded="false"><i class="fa fa-users"></i><span
                            class="hide-menu">员工预警管理</span></a>
                    <ul aria-expanded="<#if menu?? &&(menu=='uprof'||menu=='uspec'||menu=='upivotal')>true<#else>false</#if>"
                        class="collapse<#if menu?? &&(menu=='uprof'||menu=='uspec'||menu=='upivotal')> in</#if>">
                        <li class="<#if menu?? && menu=='uprof'>active</#if>"><a
                                class="<#if menu?? && menu=='uprof'>active</#if>"
                                class="<#if menu?? && menu=='uprof'> active</#if>" href="${ROOT}/w/prof">专业化人岗适配预警</a>
                        </li>

                        <li class="<#if menu?? && menu=='uspec'>active</#if>"><a
                                class="<#if menu?? && menu=='uspec'>active</#if>" href="${ROOT}/w/spec">特殊岗位持证情况预警</a>
                        </li>
                        <li class="<#if menu?? && menu=='upivotal'>active</#if>"><a
                                class="<#if menu?? && menu=='upivotal'>active</#if>"
                                href="${ROOT}/w/pivotal">关键岗位轮岗混岗预警</a></li>

                    </ul>
                </li>
                <li id="menu3"
                    class="<#if menu?? &&(menu=='tprof'||menu=='tsudoku'||menu=='ttrafic'||menu=='tteam'||menu=='tyoung')>active</#if>">
                    <a class="has-arrow  " href="#" aria-expanded="false"><i class="fa fa-database"></i><span
                            class="hide-menu">人才开发预警管理</span></a>
                    <ul aria-expanded="<#if menu?? &&(menu=='tprof'||menu=='tsudoku'||menu=='ttrafic'||menu=='tteam'||menu=='tyoung')>true<#else>false</#if>"
                        class="collapse <#if menu?? &&(menu=='tprof'||menu=='tsudoku'||menu=='ttrafic'||menu=='tteam'||menu=='tyoung')> in</#if>">

                        <li class="<#if menu?? && menu=='tprof'>active</#if>"><a
                                class="<#if menu?? && menu=='tprof'>active</#if>" href="${ROOT}/t/prof">专业化能力预警</a></li>
                        <li class="<#if menu?? && menu=='tsudoku'>active</#if>"><a
                                class="<#if menu?? && menu=='tsudoku'>active</#if>"
                                href="${ROOT}/t/sudoku">九宫格分类结构预警</a></li>
                        <li class="<#if menu?? && menu=='ttrafic'>active</#if>"><a
                                class="<#if menu?? && menu=='ttrafic'>active</#if>" href="${ROOT}/t/trafic">专业能力红绿灯预警
                            </a></li>

                        <li class="<#if menu?? && menu=='tteam'>active</#if>"><a
                                class="<#if menu?? && menu=='tteam'>active</#if>" href="${ROOT}/t/team">人才队伍趋势预警</a>
                        </li>

                        <li class="<#if menu?? && menu=='tyoung'>active</#if>"><a
                                class="<#if menu?? && menu=='tyoung'>active</#if>" href="${ROOT}/t/young">中青年龄结构预警</a>
                        </li>
                    </ul>
                </li>
                <li id="menu4" class="<#if menu?? && menu=='lteam'> active</#if>"> <a class="has-arrow  " href="#"
                        aria-expanded="false"><i class="fa fa-user"></i><span class="hide-menu">干部预警管理</span></a>
                    <ul aria-expanded="<#if menu?? && menu=='lteam'>true<#else>false</#if>"
                        class="collapse <#if menu?? && menu=='lteam'>in</#if>">
                        <li class="<#if menu?? && menu=='lteam'> active</#if>"><a
                                class="<#if menu?? && menu=='lteam'>active</#if>" href="${ROOT}/l/lead">干部队伍预警</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <!-- End Sidebar navigation -->
    </div>
</div>

<!--<script>-->
<!--    // window.addEventListener('beforeunload',()=>{-->
<!--    //     sessionStorage.clear()-->
<!--    // })-->

<!--    var Permissions = []-->
<!--    function updateMenu () {-->
<!--        var menu1 = document.getElementById('menu1');-->
<!--        var menu2 = document.getElementById('menu2');-->
<!--        var menu3 = document.getElementById('menu3');-->
<!--        var menu4 = document.getElementById('menu4');-->
<!--        // 首先隐藏所有菜单-->
<!--        menu1.style.display = 'none';-->
<!--        menu2.style.display = 'none';-->
<!--        menu3.style.display = 'none';-->
<!--        menu4.style.display = 'none';-->

<!--        // 根据权限显示相应的菜单-->
<!--        if (Permissions.includes('1')) {-->
<!--            menu1.style.display = '';-->
<!--        }-->
<!--        if (Permissions.includes('2')) {-->
<!--            menu2.style.display = '';-->
<!--        }-->
<!--        if (Permissions.includes('3')) {-->
<!--            menu3.style.display = '';-->
<!--        }-->
<!--        if (Permissions.includes('4')) {-->
<!--            menu4.style.display = '';-->
<!--        }-->
<!--        if (Permissions[0] == 9) {-->
<!--            menu1.style.display = '';-->
<!--            menu2.style.display = '';-->
<!--            menu3.style.display = '';-->
<!--            menu4.style.display = '';-->
<!--        }-->
<!--    }-->
<!--    window.addEventListener('message', function(event) {-->
<!--        Permissions = event.data-->
<!--        if (!Array.isArray(Permissions)) {-->
<!--            Permissions = [Permissions]; // 确保 Permissions 始终是一个数组-->
<!--        }-->
<!--        updateMenu()-->
<!--    });-->

<!--   function checkLoginState(){-->
<!--        var isLoggedIn = sessionStorage.getItem('isLoggedIn')-->
<!--       if(isLoggedIn) {-->
<!--           document.getElementById('loginDiv').style.display = 'none'-->
<!--           Permissions = sessionStorage.getItem('userPermissions')-->
<!--           updateMenu()-->
<!--       } else {-->
<!--           document.getElementById('loginDiv').style.display = 'block'-->
<!--       }-->
<!--   }-->
<!--    checkLoginState()-->
<!--</script>-->
